<script setup>
import H1Heading from "@/components/Content/H1Heading.vue";
import ShortDescription from "@/components/Content/ShortDescription.vue";

// 定义从父组件接收的props
const props = defineProps({
  headingText: {
    type: String,
    default: 'Build websites even faster with components on top of Tailwind CSS'
  },
  headingAdditionalClasses: {
    type: String,
    default: ''
  },
  descriptionTextContent: {
    type: String,
    default: 'Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.'
  },
  descriptionAdditionalClasses: {
    type: String,
    default: ''
  }
});
</script>

<template>
  <!-- 将props传递给H1Heading组件 -->
  <H1Heading :text="headingText" :additionalClasses="headingAdditionalClasses" />

  <!-- 将props传递给ShortDescription组件 -->
  <ShortDescription :textContent="descriptionTextContent" :additionalClasses="descriptionAdditionalClasses" />
</template>
